/* this CSS is not part of the widget, it is here just as an example of the demo page styling.... Don't copy this one, roll your own. One
 * of the key things about the widget is that it allows you to do your own styling!
 */

#editor , #editor1{
	max-height: 200px;
	height: 250px;
	margin-top: 10px;
	background-color: white;
	border-collapse: separate; 
	border: 1px solid rgb(204, 204, 204); 
	padding: 4px; 
	box-sizing: content-box; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; 
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px; border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
}
.pagination{
	float: right;
}
#topbar{
  position:absolute;
  border-right: #455690 1px solid;
  border-top: #a6b4cf 1px solid;
  border-left: #a6b4cf 1px solid;
  border-bottom: #455690 1px solid;
  background-color: #c9d3f3;
  width: 300px;
  visibility: hidden;
  z-index: 99999;
  filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.95);
  opacity: 0.95;
}

#voiceBtn {
  width: 20px;
  color: transparent;
  background-color: transparent;
  transform: scale(2.0, 2.0);
  -webkit-transform: scale(2.0, 2.0);
  -moz-transform: scale(2.0, 2.0);
  border: transparent;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
}

div[data-role="editor-toolbar"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dropdown-menu a {
  cursor: pointer;
}




#table td,#table th{
	border-top: 0;
	border-bottom: 1px dashed  #dddddd;
}
.table th,.table td{
	text-align: center;
}
#left{
	text-align: center;
}
#container{
	text-align: center;
}
#container a:hover{
	font-weight: bold;
}
#container a.active{
	color: #555;
	border:0;
	font-weight: bold;
	background: #ddd;
}
.bitian span{
	color: red;
}

.form-horizontal .input,#inputEmail3,#order_source_name,#order_sn,#consignee,#keyword{
	height: 34px;
}

.btn-toolbar .btn-group{
	margin-top: 5px;
}







#preview,#preview1{
	margin-left: 0px;
	width: 300px;
	
}
#preview img,#preview1 img{
	max-width: 300px;
}


.table .active{
	color: #ccc;
	text-decoration: none;
}


.img1 img{
	height: 50px;
	width: 50px;
}
.img1{
	width: 100%;
}
.img2 img{
	height: 50px;
	width: 89px;
}
.img3 img{
	height: 50px;
}

.AddFilter{
	list-style: none;
	margin: 10px 0 0 0;
}
.AddFilter li{
	line-height: 25px;
}
.AddFilter li span{
	padding-right: 5px;
}


.wenz{
	line-height: 32px;
	text-align: left;
	font-size: 12px;
}


.glyphicon{
	cursor:pointer
}

.Classification{
	position: absolute;
	left: 50%;
	margin-left: -116px;
}
.Classification li{
	color: #666666;
	float: left;
	list-style: none;
	font-size: 12px;
	margin-left: 20px;

}
.i {
	width: 5px;
	height: 12px;
	display: block;
	float: left;
	margin:5px 3px 0 0;
}


.table span{
	color: red;
}
.table b{
	font-size: 10px;
	color: #080;
}
.tooltip{
	width: 500px;
}
.tooltip-inner{
	max-width: 500px;
}
